<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>待售商品</title>
    <link rel="icon" type="image/x-icon" href="img/favicon.ico">
    <link href="../../css/bootstrap.min.css" rel="stylesheet">
    <link href="../../font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="../../css/common1.css" rel="stylesheet">
    <link href="../../css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
    <link href="../../css/plugins/zTreeStyle/zTreeStyle.css" rel="stylesheet">
    <link href="../../lib/pagination/pagination.css" rel="stylesheet">
    <link href="../../js/plugins/layer1/skin/layer.css" rel="stylesheet">
    <link href="./goods.css" rel="stylesheet">
    <link rel="stylesheet" href="../../css/plugins/select2/select2.css">
</head>
<body class="gray-bg" :controller="container">
<div class="content content-border container-fluid">
    <div id="centerform" class="content-head">
        <div class="span220">
            商品类别：
           <select class="select-w form-control-sm" :duplex="form.categoryId">
				<option value="">--请选择--</option>
				<option :attr="{value:el.id}" :for="el in @categoryList">{{el.name}}</option>
           </select>
        </div>
        <div class="span220">
            销售站点：
            <select class="select-w form-control-sm" :duplex="form.saleSiteId">
                <option value="">--请选择--</option>
				<option :for="el in @siteList" :attr="{value: el.id}">{{el.name}}</option>
            </select>
        </div>
        <div class="span220">
            搜索关键字：
            <select class="select-w form-control-sm" id="selKeyword">
                <option :for="(k, v) in @keywordList" :attr="{value: k}">{{v}}</option>
            </select>
            <input class="form-control-sm titleInput" :duplex="keyword" placeholder="输入关键字">
        </div>
        <div class="span110">
            <div class="div-btn-left">
                <input type="button" value="查询" :click="search" class="btn-search btn btn-primary">
            </div>
        </div>
    </div>
    <div class="content-title tit bg-1 paddingLeft20">
        <span>商品列表</span>
    </div>
    <table id="grid" class="table table-striped table-bordered table-hover dataTable text-center" style="width: 100%">
        <thead>
        <tr>
            <th>序号</th>
            <th>商品ID</th>
            <th>商品名称</th>
            <th>商品条码</th>
            <th>品牌</th>
            <th class="sorting_asc">商品类别</th>
            <th class="sorting">件装价格</th>
            <th class="sorting_desc">销售站点</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
           <tr :for="(index, ware) in @list">
               <td>{{index+1}}</td>
               <td>{{ware.id}}</td>
               <td>{{ware.name}}</td>
               <td>{{ware.barcode}}</td>
               <td>{{ware.brandName}}</td>
               <td>{{ware.categoryName}}</td>
               <td>{{ware.pricePiece}}</td>
               <td>{{ware.saleSiteName}}</td>
               <td :html="ware | filterOption"></td>
           </tr>
        </tbody>
    </table>
    <div class="pagination"></div>


</div>
<script data-main="forSale" src="../../javascript/require.js" ></script>
</body>
</html>